<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2021/11/12
  Time: 14:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@page isELIgnored="false" %>
<html style="overflow: hidden">
<head>
</head>
<style>

    #a1 {
        position: relative;
border-radius: 5px;
        margin: 0 45px;
        color: #21ebff;
        text-decoration: none;
        font-size: 20px;
        text-transform: uppercase;
        transition: 0.5s;
        overflow: hidden;
        -webkit-box-reflect: below 1px linear-gradient(transparent, #0003);
    }

    #a1:hover {
        background: #21ebff;
        color: #111;
        box-shadow: 0 0 50px #21ebff;
        transition-delay: 0.5s;
    }

    #a1::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        border-top: 2px solid #21ebff;
        border-left: 2px solid #21ebff;
        transition: 0.5s;
        transition-delay: 0.5s;
    }

    #a1:hover::before {
        width: 100%;
        height: 100%;
        transition-delay: 0s;
    }

    #a1::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #21ebff;
        border-right: 2px solid #21ebff;
        transition: 0.5s;
        transition-delay: 0.5s;
    }

    #a1:hover::after {
        width: 100%;
        height: 100%;
        transition-delay: 0s;
    }
</style>
<body>
<form action="input" method="post" >
    <br><br><br><br>
    <div style="width: 100%;padding: 5px;height: 35px; display: flex;position: absolute;bottom: 5px;"><input style="width: 85%;border-radius: 5px;" type="text" size="100" name="text"/>
        <input id="a1" style="width: 15%;" type="submit" value="发送"></div>

</form>
</body>
</html>
